<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>蔬菜外卖- 食品列表</title>
    <link href="__PUBLIC__/assets/css/bootstrap.css" rel="stylesheet">
    <link href="__PUBLIC__/assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link href="__PUBLIC__/assets/js/fancybox/jquery.fancybox.css" rel="stylesheet" />
    <link href="__PUBLIC__/assets/css/style.css" rel="stylesheet">
    <link href="__PUBLIC__/assets/css/style-responsive.css" rel="stylesheet">
    <script src="__PUBLIC__/assets/js/jquery.js"></script>
  </head>
  <body>

  <section id="container" >
      <include file="./Application/Admin/View/Common/head.html"/>
      <aside>
          <div id="sidebar"  class="nav-collapse ">
			<include file="./Application/Admin/View/Common/left.html"/>
          </div>
      </aside>
      <section id="main-content">
          <section class="wrapper site-min-height">
          	<h3><i class="fa fa-angle-right"></i>平铺列表</h3>
          	<hr>
				<div class="row mt">
				
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 desc">
					<img id="1" style=" float:right;margin-top:-12px;" onclick="click(1);" src="__PUBLIC__/img/jiajia.png"/>
						<div class="project-wrapper">
		                    <div class="project">
		                        <div class="photo-wrapper">
		                            <div class="photo">
		                            	<a class="fancybox" href="__PUBLIC__/assets/img/portfolio/cecece.jpg"><img  class="img-responsive" onMousemove="test(1);" src="__PUBLIC__/assets/img/portfolio/cecece.jpg" alt=""></a>
		                            </div>
		                            <div class="overlay"></div>
		                        </div>
		                    </div>
		                </div>
					</div><!-- col-lg-4 -->
					
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 desc">
					<img id="2" style="float:right;margin-top:-12px;" onclick="click(2);" src="__PUBLIC__/img/jiajia.png"/>
						<div class="project-wrapper">
		                    <div class="project">
		                        <div class="photo-wrapper">
		                            <div class="photo">
		                            	<a class="fancybox" href="__PUBLIC__/assets/img/portfolio/cecece.jpg"><img  class="img-responsive" onMousemove="test(2);" src="__PUBLIC__/assets/img/portfolio/cecece.jpg" alt=""></a>
		                            </div>
		                            <div class="overlay"></div>
		                        </div>
		                    </div>
		                </div>
					</div><!-- col-lg-4 -->
					
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 desc">
					<img id="jia" style="position:relative; z-index:1; float:right;margin-top:-12px;" src="__PUBLIC__/img/jiajia.png"/>
						<div class="project-wrapper">
		                    <div class="project">
		                        <div class="photo-wrapper">
		                            <div class="photo">
		                            	<a class="fancybox" href="__PUBLIC__/assets/img/portfolio/cecece.jpg"><img style="position:relative;z-index:0;" class="img-responsive" src="__PUBLIC__/assets/img/portfolio/cecece.jpg" alt=""></a>
		                            </div>
		                            <div class="overlay"></div>
		                        </div>
		                    </div>
		                </div>
					</div><!-- col-lg-4 -->
					
					
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 desc">
					<img id="jia" style="position:relative; z-index:1; float:right;margin-top:-12px;" src="__PUBLIC__/img/jiajia.png"/>
						<div class="project-wrapper">
		                    <div class="project">
		                        <div class="photo-wrapper">
		                            <div class="photo">
		                            	<a class="fancybox" href="__PUBLIC__/assets/img/portfolio/cecece.jpg"><img style="position:relative;z-index:0;" class="img-responsive"  src="__PUBLIC__/assets/img/portfolio/cecece.jpg" alt=""></a>
		                            </div>
		                            <div class="overlay"></div>
		                        </div>
		                    </div>
		                </div>
					</div>
					
				</div><!-- /row -->
				
				<!-- 第二行 -->

				<div class="row mt">
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 desc">
					<img id="jia" style="position:relative; z-index:1; float:right;margin-top:-12px;" src="__PUBLIC__/img/jiajia.png"/>
						<div class="project-wrapper">
		                    <div class="project">
		                        <div class="photo-wrapper">
		                            <div class="photo">
		                            	<a class="fancybox" href="__PUBLIC__/assets/img/portfolio/cecece.jpg"><img style="position:relative;z-index:0;" class="img-responsive" src="__PUBLIC__/assets/img/portfolio/cecece.jpg" alt=""></a>
		                            </div>
		                            <div class="overlay"></div>
		                        </div>
		                    </div>
		                </div>
					</div><!-- col-lg-4 -->
					
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 desc">
					<img id="jia" style="position:relative; z-index:1; float:right;margin-top:-12px;" src="__PUBLIC__/img/jiajia.png"/>
						<div class="project-wrapper">
		                    <div class="project">
		                        <div class="photo-wrapper">
		                            <div class="photo">
		                            	<a class="fancybox" href="__PUBLIC__/assets/img/portfolio/cecece.jpg"><img style="position:relative;z-index:0;" class="img-responsive" src="__PUBLIC__/assets/img/portfolio/cecece.jpg" alt=""></a>
		                            </div>
		                            <div class="overlay"></div>
		                        </div>
		                    </div>
		                </div>
					</div><!-- col-lg-4 -->
					
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 desc">
					<img id="jia" style="position:relative; z-index:1; float:right;margin-top:-12px;" src="__PUBLIC__/img/jiajia.png"/>
						<div class="project-wrapper">
		                    <div class="project">
		                        <div class="photo-wrapper">
		                            <div class="photo">
		                            	<a class="fancybox" href="__PUBLIC__/assets/img/portfolio/cecece.jpg"><img style="position:relative;z-index:0;" class="img-responsive"  src="__PUBLIC__/assets/img/portfolio/cecece.jpg" alt=""></a>
		                            </div>
		                            <div class="overlay"></div>
		                        </div>
		                    </div>
		                </div>
					</div><!-- col-lg-4 -->

					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 desc">
					<img id="jia" style="position:relative; z-index:1; float:right;margin-top:-12px;" src="__PUBLIC__/img/jiajia.png"/>
						<div class="project-wrapper">
		                    <div class="project">
		                        <div class="photo-wrapper">
		                            <div class="photo">
		                            	<a class="fancybox" href="__PUBLIC__/assets/img/portfolio/cecece.jpg"><img style="position:relative;z-index:0;" class="img-responsive"   src="__PUBLIC__/assets/img/portfolio/cecece.jpg" alt=""></a>
		                            </div>
		                            <div class="overlay"></div>
		                        </div>
		                    </div>
		                </div>
					</div>

				</div><!-- /row -->
				
				<!-- 第三行 -->
								<div class="row mt">
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 desc">
					<img id="jia" style="position:relative; z-index:1; float:right;margin-top:-12px;" src="__PUBLIC__/img/jiajia.png"/>
						<div class="project-wrapper">
		                    <div class="project">
		                        <div class="photo-wrapper">
		                            <div class="photo">
		                            	<a class="fancybox" href="__PUBLIC__/assets/img/portfolio/cecece.jpg"><img style="position:relative;z-index:0;" class="img-responsive"  src="__PUBLIC__/assets/img/portfolio/cecece.jpg" alt=""></a>
		                            </div>
		                            <div class="overlay"></div>
		                        </div>
		                    </div>
		                </div>
					</div><!-- col-lg-4 -->
					
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 desc">
					<img id="jia" style="position:relative; z-index:1; float:right;margin-top:-12px;" src="__PUBLIC__/img/jiajia.png"/>
						<div class="project-wrapper">
		                    <div class="project">
		                        <div class="photo-wrapper">
		                            <div class="photo">
		                            	<a class="fancybox" href="__PUBLIC__/assets/img/portfolio/cecece.jpg"><img style="position:relative;z-index:0;" class="img-responsive"  src="__PUBLIC__/assets/img/portfolio/cecece.jpg" alt=""></a>
		                            </div>
		                            <div class="overlay"></div>
		                        </div>
		                    </div>
		                </div>
					</div><!-- col-lg-4 -->
					
					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 desc">
					<img id="jia" style="position:relative; z-index:1; float:right;margin-top:-12px;" src="__PUBLIC__/img/jiajia.png"/>
						<div class="project-wrapper">
		                    <div class="project">
		                        <div class="photo-wrapper">
		                            <div class="photo">
		                            	<a class="fancybox" href="__PUBLIC__/assets/img/portfolio/cecece.jpg"><img style="position:relative;z-index:0;" class="img-responsive" 	 src="__PUBLIC__/assets/img/portfolio/cecece.jpg" alt=""></a>
		                            </div>
		                            <div class="overlay"></div>
		                        </div>
		                    </div>
		                </div>
					</div><!-- col-lg-4 -->

					<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 desc">
					<img id="jia" style="position:relative; z-index:1; float:right;margin-top:-12px;" src="__PUBLIC__/img/jiajia.png"/>
						<div class="project-wrapper">
		                    <div class="project">
		                        <div class="photo-wrapper">
		                            <div class="photo">
		                            	<a class="fancybox" href="__PUBLIC__/assets/img/portfolio/cecece.jpg"><img style="position:relative;z-index:0;" class="img-responsive"  src="__PUBLIC__/assets/img/portfolio/cecece.jpg" alt=""></a>
		                            </div>
		                            <div class="overlay"></div>
		                        </div>
		                    </div>
		                </div>
					</div>

				</div>
				

		</section><! --/wrapper -->
      </section><!-- /MAIN CONTENT -->

      <!--main content end-->
      <!--footer start-->

      <!--footer end-->
  </section>

    <!-- js placed at the end of the document so the pages load faster -->
	<script src="__PUBLIC__/assets/js/fancybox/jquery.fancybox.js"></script>    
    <script src="__PUBLIC__/assets/js/bootstrap.min.js"></script>
    <script class="include" type="text/javascript" src="__PUBLIC__/assets/js/jquery.dcjqaccordion.2.7.js"></script>
    <script src="__PUBLIC__/assets/js/jquery.scrollTo.min.js"></script>
    <script src="__PUBLIC__/assets/js/jquery.nicescroll.js" type="text/javascript"></script>


    <!--common script for all pages-->
    <script src="__PUBLIC__/assets/js/common-scripts.js"></script>

    <!--script for this page-->
  
  <script type="text/javascript">
  var jia = "__PUBLIC__/img/cha.png";
  var jiajia="__PUBLIC__/img/jiajia.png";
  function test(i){
	  document.getElementById(i).src=jia;
	  setTimeout (function(){document.getElementById(i).src=jiajia},2000);
  }
  function click(i){
	  alert(2);
  }
  $(function() {
      //    fancybox

        jQuery(".fancybox").fancybox();
    }); 
  </script>
  
  <script>
      
  </script>

  </body>
</html>
